<!--header_bottom starts-->
<div id="header_bottom">
  <div class="container clearfix">
    <div class="grid_12"> 
      
      <!--anything slider starts-->
      <div class="anythingSlider">
        <div class="any_wrapper">
          <ul>
            
            <!--first slide starts-->
            <li>
              <div class="image_slide_frame1">
                <iframe src="http://player.vimeo.com/video/7449107" width="512" height="302"></iframe>
              </div>
              <div class="slide-2">
                <p>Claritas est etiam processus dynamicus</p>
                <h1>Softone advantage.</h1>
                <h3>Make your app visible to plethora of <span class="color">accumsan etiusto</span> odio.</h3>
                <a href="#" class="button_appstore"></a> </div>
            </li>
            <!--first slide starts--> 
            
            <!--second slide starts-->
            <li>
              <div class="slide-1">
                <div class="circle1">
                  <p class="big_letter">O</p>
                  <h1>Optimized graphics</h1>
                  <span>for fast page loading</span>
                  <p>Legentis in iis qui facit eorum.Investigationes nstraverunt lectores legere me lius quod ii legunt saepius.</p>
                </div>
                <div class="circle2">
                  <p class="big_letter">N</p>
                  <h1>Neat and clean</h1>
                  <span>code for lorem ipsum</span>
                  <p>Legentis in iis qui facit eorum.Investigationes nstraverunt lectores legere me lius quod ii legunt saepius.</p>
                </div>
                <div class="circle3">
                  <p class="big_letter">E</p>
                  <h1>Easy to customize</h1>
                  <span>help is readily available</span>
                  <p>Legentis in iis qui facit eorum.Investigationes nstraverunt lectores legere me lius quod ii legunt saepius.</p>
                </div>
              </div>
            </li>
            <!--second slide ends--> 
            
            <!--third slide starts-->
            <li>
              <div class="slide-3">
                <h3>Autem vel eum iriure lor in hendrerit inte velit.</h3>
                <p>Luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis.</p>
                <a href="#" class="top_padding">Learn more &raquo;</a></div>
              <div class="image_slide_frame2"><img src="images/preview/any-slide-img.jpg" width="432" height="302" alt="image"></div>
              <div class="slide-3">
                <h3>Autem vel eum iriure lor in hendrerit inte velit.</h3>
                <ul class="list3 clearfix">
                  <li>Legentis in iis qui facit eorum.</li>
                  <li>Luptatum zzril delenit augue.</li>
                  <li>Claritas est etiam processus </li>
                  <li>Duis autem vel eum iriure </li>
                </ul>
              </div>
            </li>
            <!--third slide ends--> 
            
            <!--forth slide starts-->
            <li>
              <div class="slide-1">
                <div class="circle1">
                  <p class="big_letter">1</p>
                  <h1>Sign up</h1>
                  <span>signup with softone</span>
                  <p>Legentis in iis qui facit eorum.Investigationes nstraverunt lectores legere me lius quod ii legunt saepius.</p>
                </div>
                <div class="circle2">
                  <p class="big_letter">2</p>
                  <h1>Download</h1>
                  <span>download lorem ipsum</span>
                  <p>Legentis in iis qui facit eorum.Investigationes nstraverunt lectores legere me lius quod ii legunt saepius.</p>
                </div>
                <div class="circle3">
                  <p class="big_letter">3</p>
                  <h1>Install</h1>
                  <span>install and ready to go</span>
                  <p>Legentis in iis qui facit eorum.Investigationes nstraverunt lectores legere me lius quod ii legunt saepius.</p>
                </div>
              </div>
            </li>
            <!--forth slide ends-->
            
          </ul>
        </div>
      </div>
      <!--anything slider ends-->
      
      <div class="clear"></div>
    </div>
  </div>
</div>
<!--header_bottom ends-->

<!--section for intro text and button starts-->
<div class="section colored">
  <div class="container clearfix">
    <div class="grid_12"> 
      
      <!--action2 starts-->
      <div class="action2">
        <h1>Introducing softone HTML lorem ipsum dolor amet facilis template </h1>
        <p>am liber tempor cum soluta nobis eleifend option doming quod mazim.</p>
      </div>
      <!--action2 ends--> 
      
      <!--button here--> 
      <a href="#" class="button button-orange right"> <span><img src="../images/icons/button/button-icon1-orange.png" width="17" height="16" alt="icon">Buy theme now</span> </a>
      <div class="clear"></div>
    </div>
  </div>
</div>
<!--section for intro text and button ends--> 